<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./fa/css/all.css">
</head>
<style>
    .outer {
        width: 240px;
        margin: 100px auto;
        box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    }

    .title {
        font-weight: bold;
        color: rgb(114, 114, 114);
        margin: 10px 0 0 10px;
    }

    .categroy {
        color: rgb(148, 146, 146);
        margin: 10px 0 0 10px;
    }

    .categroy .fas {
        margin-right: 5px;
    }

    .introduce {
        color: rgb(148, 146, 146);
        margin: 15px 0 15px 10px;
        line-height: 18px;
    }

    .info {
        border-bottom: 1px solid rgb(196, 191, 191);
    }


    .score .star .fas{
        float: left;
        margin: 10px 0;
        color: rgb(187, 181, 181) ;
    }
    .score{
        height: 40px;
    }
    .score .star{
        margin-left: 10px;
    }
    .score .star .light{
        color: rgb(82, 236, 120);
    }
    .score .star .fab{
       font-size: 20px;
        margin: 10px 0 10px 100px;
        color: rgb(187, 181, 181) ;
    }
</style>

<body>
    <div class="outer">
        <div class="img">
            <img src="./img/Facebook.jpg">
        </div>
        <div class="info">
            <div class="title">动物电影</div>
            <div class="categroy">
                <i class="fas fa-map-marker-alt"></i>分类
            </div>
            <div class="introduce">这部电影非常好看，i嘻嘻hahahahahhaha嘻嘻嘻嘻嘻嘻</div>
        </div>
        <div class="score">
            <div class="star">
                <ul>
                    <li class="fas fa-star light"></li>
                    <li class="fas fa-star light"></li>
                    <li class="fas fa-star"></li>
                    <li class="fas fa-star"></li>
                </ul>
                <span class="fab fa-weibo"></span>
            </div>

        </div>


    </div>
</body>

</html>